<template>
  <div class="fysxc">
    <div class="w100p h130 br:bl10 ovh">
      <img class="w100p" src="@/assets/img/mine-bg.png" />
    </div>
    <mox-login></mox-login>
    <mine-info></mine-info>
    <van-swipe class="w375 h70 mb10" :autoplay="3000" :show-indicators="false">
      <van-swipe-item
        class="fxcyc"
        v-for="(item, index) in swiper"
        :key="index"
      >
        <div class="w344 h100p br5 bgc-f fxsyc">
          <div class="wh50 br50 ovh mx20 bgc-f">
            <img class="w100p" :src="item.img" alt="" />
          </div>
          <div class="fysxs tc-35">
            <span class="t14">{{ item.maxt }}</span>
            <span class="t12">{{ item.mint }}</span>
          </div>
        </div>
      </van-swipe-item>
    </van-swipe>
    <mine-grid></mine-grid>
  </div>
</template>

<script>
// import getMineSwiper from '@/network/getMineSwiper';
import MoxLogin from "@/components/MoxLogin.vue";
import MineInfo from "@/components/MineInfo.vue";
import MineGrid from "@/components/MineGrid.vue";
import { Swipe, SwipeItem } from "vant";
export default {
  name: "Mine",
  components: {
    MoxLogin,
    MineInfo,
    MineGrid,
    VanSwipe: Swipe,
    VanSwipeItem: SwipeItem,
  },
  data() {
    return {
      swiper: [
        {
          maxt: "喜茶会员，灵感来袭",
          mint: "八大特权，开启更多灵感时刻",
          name: "",
          img: require('@/assets/img/swiper/mine-swper1.jpeg'),
        },
        {
          maxt: "泰泰泰泰泰了椰",
          mint: "全新泰奶椰系列上线",
          name: "",
          img: require('@/assets/img/swiper/mine-swper2.jpeg'),
        },
        {
          maxt: "来一杯记忆中的金菠萝吧",
          mint: "这菠复刻，超经典",
          name: "",
          img: require('@/assets/img/swiper/mine-swper3.jpeg'),
        },
        {
          maxt: "瓶装爆柠茶，低糖微涩爽",
          mint: "力出爆拧，瓶瓶上头",
          name: "",
          img: require('@/assets/img/swiper/mine-swper4.jpeg'),
        },
        {
          maxt: "暖秋热饮攻略",
          mint: "是秋日，也是和喜茶一起的日子",
          name: "",
          img: require('@/assets/img/swiper/mine-swper5.jpeg'),
        },
      ],
    };
  },
  created() {
    // getMineSwiper().then((res)=>{
    // 	this.swiper = res.data
    // })
  },
};
</script>

<style lang='scss' scoped>
</style>